<tem>
	<div class="template" id="assetList">
		<div class="table-div-outer">
			<div id="table_div1" class="table-div table-list" style="border-top: 1px solid #dee5e7;box-sizing: border-box;height: 400px;"></div>
		</div>
	</div>
	<div class="template" id="appSystemList">
		<div class="form-group">
										<div id="monitorList" class="prel w-all h-all " data-type="tabel-fix-width"  style="height: 204px;">
									<p style="">双击下列选项添加应用</p>
									<div class="prel w-all h-all" data-type="tabel-fix-width" style="padding-bottom: 10px;">
										<div class="um-grid-head-outer"style="font-size: 12px;">
											<div class="um-grid-head">
												<table>
													<tbody>
														<tr class="um-grid-head-tr" style="border-top-style: none;">
															<td style="">
																<div style="font-size: 12px;">
																	<span class="custom-down" data-id="sort"></span>应用监控名称
																	<span class="resize" data-id=""></span>
																</div>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
											<div class="um-grid-head" style="overflow: auto;height: 169px;">
												<table>
													<tbody id="select_monitor1" >
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
					</div>
	</div>
	<div class="template" id="asset_netmes">
			<div class="panel-body">
				<div class="form-group" id="task_start_div">
				    <label class="col-lg-12 control-label"></label>
				</div>
				<div class="form-group" id="task_start_div_val">
				    <div class="col-lg-12">
				    	<select class="form-control input-sm">
				    	</select>
				    </div>
				</div>
				<div class="form-group" id="task_end_div">
				    <label class="col-lg-12 control-label"></label>
				</div>
				<div class="form-group" id="task_end_div_val">
				    <div class="col-lg-12">
				    	<select class="form-control input-sm">
				    	</select>
				    </div>
				</div>
				<div class="form-group" id="task_port_div">
				    <label class="col-lg-12 control-label">带宽(M)</label>
				</div>
				<div class="form-group" id="task_port_div_val">
				    <div class="col-lg-12">
				        <input id="speed" type="number" maxlength="16" class="form-control input-sm" data-id="speed">
				    </div>
				</div>
			</div>
	</div>
	<div class="template" id="createcloud">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form">
				<div class="panel-body">
					<div class="form-group" style="margin:0;">
						<label class="col-lg-2 control-label">名称：</label>
						<div class="col-lg-4">
							<input id="name" type="text" maxlength="16" class="form-control input-sm" data-id="name" validate="required">
						</div>
						<div class="col-lg-5 control-label" style="text-align: left;padding-left: 0px;">
							<span style="color: red;">* 必填信息（1~16）</span>
						</div>
					</div>
					<br>
					<div class="form-group" style="margin:0;">
						<label class="col-lg-2 control-label">颜色：</label>
						<div class="col-lg-4">
							<select id="cloudcolor" class="form-control input-sm" data-id="cloudcolor">
								<option value="white">云</option>
								<option value="yellow">云-黄</option>
								<option value="green">云-绿</option>
								<option value="blue">云-蓝</option>
								<option value="red">云-红</option>
							</select>
						</div>
						<label class="col-lg-5"><img height="34px" id="cloudcolorImg" src="" /></label>
					</div>
					<div class="form-group" style="margin:0;">
						<label class="col-lg-2 control-label">宽度：</label>
						<div class="col-lg-4">
							<input type="number" class="form-control input-sm" data-id="width">
						</div>
						<label class="col-lg-2 control-label">高度：</label>
						<div class="col-lg-4">
							<input type="number" class="form-control input-sm" data-id="height">
						</div>
					</div>
					<br>
					<div class="form-group" style="margin:0;">
						<label class="col-lg-2 control-label">描述：</label>
						<div class="col-lg-10">
							<input id="desc" type="text" class="form-control input-sm" data-id="desc">
						</div>
					</div>
					<br>
					<div class="editModel">
						<div class="form-group " style="margin:0;">
							<label class="col-lg-2 control-label">拓扑：</label>
							<div class="col-lg-10">
								<select id="goTopo" class="form-control input-sm" data-id="goTopo">
									<option value="">----</option>
								</select>
							</div>
						</div>
						<div class="form-group" style="margin:0px;">
							<div class="col-lg-12" style="padding:10px 15px 5px 15px;">
								<span>画布上设备</span>
								<span style="float: right;padding-bottom: 5px;">云图中设备</span>
							</div>
						</div>
						<div class="form-group" style="margin:0;">
							<div class="col-lg-5" style="width: 47.5%;">
								<select data-id="outstage" multiple id="outstage" style="height:200px;color: black;padding: 0px;width: 100%;float: left;">
								</select>
							</div>
							<div class="col-lg-1" style="width: 3.5%;">
								<div style="right:6px;top:44px;font-size:20px;z-index:2000" id="chevron-right" class="pabs square">
									<i class="icon-chevron-right"></i>
								</div>
								<div style="right:6px;top:88px;font-size:20px;z-index:2000" id="chevron-left" class="pabs square">
									<i class="icon-chevron-left"></i>
								</div>
							</div>
							<div class="col-lg-5" style="width: 48%;float: right;">
								<select data-id="instage" multiple id="instage" style="height:200px;color: black;padding: 0px;width: 100%;float: right;">
								</select>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="template" id="backgroundInfo">
		<div class="panel-body">
		<form class="bs-example form-horizontal xs-form" enctype="multipart/form-data" id="upload_bgi_form">
				<div class="form-group">
					<label class="col-lg-4 control-label" style="text-align: right;margin-top: 7px;">上传背景图：</label>
					<div class="col-lg-8">
						<div id='bgi'></div>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="template" id="changeBackground">
		<div class="panel-body">
			<form class="bs-example form-horizontal xs-form" id="set_bgi">
				<div class="form-group">
					<label class="col-lg-4 control-label" style="text-align: right;">背景图展示形式：</label>
					<div class="radio">
						<label class="i-checks" style="margin-left: 15px">
						<input type="radio" value="1" name="bgi_type" data-id="bgi_type"><i></i>平铺
						</label>
						<label class="i-checks" style="margin-left: 20px">
							<input type="radio" value="0" name="bgi_type" checked><i></i>适配
						</label>
					</div>
				</div>
				<div class="" id='bgi-list'>
					<div style="position: relative;display: inline-block;vertical-align: middle;">
						<div id="defaultBGI" style="background-image: url(./img/topo/backimg.png);background-repeat: repeat;width: 200px;height: 100px;margin:10px;border: 1px solid black;box-shadow: 10px 10px 5px #888888;"></div>
					</div>
				</div>
			</form>
		</div>
	</div>
	
	
	<div class="template" id="topoinfo">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form">
				<div class="form-group">
					<label class="col-lg-4 control-label">拓扑图名称：</label>
					<label class="col-lg-8 control-label" data-id="topoName"></label>
				</div>
				<div class="form-group">
					<label class="col-lg-4 control-label">创建时间：</label>
					<label class="col-lg-8 control-label" data-id="creDate"></label>
				</div>
				<div class="form-group">
					<label class="col-lg-4 control-label">创建人：</label>
					<label class="col-lg-8 control-label" data-id="creUser"></label>
				</div>
				<div class="form-group">
					<label class="col-lg-4 control-label">设备总数：</label>
					<label class="col-lg-8 control-label" data-id="assetNum"></label>
				</div>
				<div class="form-group">
					<label class="col-lg-4 control-label">默认拓扑图：</label>
					<div class="col-lg-8 control-label">
							<label class="i-checks">
							  <input type="radio" value="1" name="defaultShow" data-id="defaultShow">
							  <i></i>
							  是
							</label>
							<label class="i-checks">
							  <input type="radio" value="0" name="defaultShow" data-id="defaultShow" checked>
							  <i></i>
							  否
							</label>
					</div>
				</div>
				<span style="font-weight: bold;">设备统计</span>
				<div class="form-group">
					<div id="monitorList" style="height: 300px;width: 100%;">
						
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="template" id="link_type_info">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form">
				<div class="form-group">
					<label class="col-lg-5 control-label" style="text-align: right;">连线类型：</label>
					<div class="radio">
						<label class="i-checks" style="margin-left: 15px">
							<input type="radio" value="1" name="link_type" data-id="link_type" checked><i></i>直线
						</label>
						<label class="i-checks" style="margin-left: 20px">
							<input type="radio" value="0" name="link_type"><i></i>折线
						</label>
						<label class="i-checks" style="margin-left: 20px">
							<input type="radio" value="2" name="link_type"><i></i>二次折线
						</label>
					</div>
				</div>
				<div class="form-group">
					<label class="col-lg-5 control-label" style="text-align: right;">折线类型(开始方向)：</label>
					<div class="radio">
						<label class="i-checks" style="margin-left: 15px">
						<input type="radio" value="horizontal" name="fold_link_type" data-id="fold_link_type" disabled><i></i>水平
						</label>
						<label class="i-checks" style="margin-left: 20px">
							<input type="radio" value="unhorizontal" name="fold_link_type" disabled><i></i>垂直
						</label>
					</div>
				</div>
				<div class="form-group" id='offsetGap_div' style="display: none;">
					<label class="col-lg-5 control-label" style="text-align: right;">拐点偏移量：</label>
					<div class="col-lg-6">
						<input type="number" maxlength="2" class="form-control input-sm" data-id="offsetGap">
					</div>
				</div>
			</form>
		</div>
	</div>

	<div class="template" id="inner_topo_div">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form">
				<div class="form-group">
					<label class="col-lg-5 control-label" style="text-align: right;">导入拓扑：</label>
					<div class="col-lg-6">
						<select class="form-control input-sm" data-id="inner_topo">
						</select>
					</div>
				</div>
			</form>
		</div>
	</div>
</tem>